<!DOCTYPE html>
<div id="footer" class="section footer">
  <footer>
    <div class="wrap top footer-wrap">
      <div class="footer-nav">
        <a href="#">首页</a>
        <a href="#">产品中心</a>
        <a href="#">产品视频</a>
        <a href="#">使用案例</a>
        <a href="#">企业实力</a>
        <a href="#">技术支持</a>
        <a href="#">荣誉支持</a>
        <a href="#">联系我们</a>
      </div>
      <div class="warp-box">
        <a href="index.html" rel="noopener noreferrer" class="footer-logo" style="top:50%;transform:translateY(-50%)">
          <img src="/static/image/logo.png" alt="" class="footer-log-img">
        </a>
        <ul class="company-info">
          <li>
            <i class="iconfont icon-dashaxiaoqudizhi01"></i>公司：耐锐德坡口机械（深圳）有限公司
          </li>
          <li>
            <i class="iconfont icon-dianhua"></i>电话：0755-21381289 / 15302725690
          </li>
          <li>
            <i class="iconfont icon-youjian"></i>邮箱：3003430587@qq.com
          </li>
          <li>
            <i class="iconfont icon-dianhua"></i>售前：15302725690 文生
          </li>
          <li>
            <i class="iconfont icon-dianhua"></i>售后：19925153163 李生
          </li>
          <li>
            <i class="iconfont icon-xiazai20"></i>广东省深圳市光明区街道东洲社区双明大道南侧云智科技园
          </li>
        </ul>
        <div class="code-img">
          <div class="share-icon clearfix">
            <a href="javascript:;" class="hover-share">
              <img src="/static/weixin.png" alt="" class="icon-img">
              <div class="wx-img hover-hidden animate__animated animate__fadeInUp">
                <div id="wxImg" class="wx-code"></div>
                <p class="share-text">扫一扫即可分享到朋友圈</p>
              </div>
            </a>
            <a href="javascript:;" class="hover-share">
              <img src="/static/qq.png" alt="" class="icon-img">
              <div class="wx-img hover-hidden animate__animated animate__fadeInUp">
                <div class="wx-code">
                  <img src="/static/qq-code.png" alt="" style="width:100%;height:100%;display:block">
                </div>
                <p class="share-text">扫一扫加我企业QQ</p>
              </div>
            </a>
            <a href="javascript:;" class="hover-share">
              <img src="/static/email.png" alt="" class="icon-img">
              <div class="hover-hidden animate__animated animate__fadeInUp email-text">3003430587@qq.com</div>
            </a>
            <a href="javascript:;" class="share-link">
              <img src="/static/link.png" alt="" class="icon-img">
            </a>
          </div>
          <div class="erweima clearfix">
            <a href="#" class="shop-img">
              <img src="/static/shop-code.png" alt="">
              <p>官方商城</p>
            </a>
            <a href="javascript:;" class="shop-img">
              <img src="/static/company-code.png" alt="">
              <p>微信扫一扫</p>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="bt wrap clearfix">
      <span>版权所有 &copy; 耐瑞德坡口机械（深圳）有限公司</span> <a href="https://beian.miit.gov.cn"
        rel="noopener noreferrer">沪ICP备14024902号-1</a>
    </div>
    <script>
      var _hmt = _hmt || []
    </script>
    <!-- <script type="text/javascript" src="./static/js/ks.js"></script> -->
  </footer>
</div>
<script src="/static/js/qrcode.js"></script>
<script>
  var winW = document.body.clientWidth
  if (winW > 1421) {

    var wrapW = $('.wrap').css('width')
    var footNavW = parseFloat($('.footer-nav').css('width'))
    $('.footer-nav').css({
      'margin-left': -footNavW / 2 + 'px'
    })
    var _disLeft = $('.footer-nav').offset().left
    var logoImgWidth = parseFloat($('.footer-log-img').css('width'))
    $('.footer-logo').css('left', _disLeft - logoImgWidth - 80 + 'px')
    $('.footer .company-info').css('margin-left', _disLeft + 'px')
    var _imgLeft = $('.footer-log-img').offset().left
    $('.code-img').css('right', _imgLeft + 'px')
  }


  // 分享

  var qrcode = new QRCode("wxImg", {
    text: location.href,
    width: 256,
    height: 256,
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H
  })

  var _title, _source, _sourceUrl, _pic, _showcount, _desc, _summary, _site, _url;

  //  QQ好友分享
  // $(".share-qq").click(function(event) {
  //    event.preventDefault();
  //    $('.panle-share').hide()
  //     var _shareUrl = 'https://connect.qq.com/widget/shareqq/iframe_index.html?';
  //    _shareUrl += 'url=' + encodeURIComponent(location.href);  //分享的链接
  //    _shareUrl += '&title=' + encodeURIComponent(document.title);    //分享的标题
  //    _shareUrl += '&pics=' + encodeURIComponent(_pic);  //参数pics设置分享图片的路径，多张图片以＂|＂隔开，可选参数
  //    window.open(_shareUrl,'_blank');
  // })

  $('.share-link').on('click', function () {
    copy(location.href)
  })

  function copy(value) {
    const input = document.createElement('input') // js创建一个input输入框
    input.value = value // 将需要复制的文本赋值到创建的input输入框中
    document.body.appendChild(input) // 将输入框暂时创建到实例里面
    input.select() // 选中输入框中的内容
    document.execCommand('Copy') // 执行复制操作
    document.body.removeChild(input) // 最后删除实例中临时创建的input输入框，完成复制操作
    VtMessage.success({
      duration: 2000,
      content: '链接复制成功',
      offset: 'vt-top-center vt-fixed'
    })
  }
</script>
<script  src="https://w1011.ttkefu.com/k/?fid=1F5EFH3" charset=utf-8></script><div style="display:none;"><a href='https://www.ttkefu.com'>在线客服系统</a></div>
